Skip to main content
Version: V10

Portal UI Customization

📄️ How to Customize your Portal's Sign-In Page

Overview Branding is essential to your VIDIZMO Portal as it significantly impacts your users' experience and strongly emphasizes your brand voice, theme, or tone. VIDIZMO provides the tools to customize various aspects of your Portal, such as your Portal thumbnail or header.  In addition, you can customize various aspects of your Portal's user interface (UI) using custom CSS. The UI elements each have a predefined CSS class that you can utilize when writing your CSS code for customizations. VIDIZMO provides CSS classes that can be used to customize your Portal's sign-in page. These classes allow you to modify certain UI elements on this page, such as the fields or buttons used for signing in to your Portal. You can perform modifications like changing colors, adjusting sizes, altering fonts, and even hiding some UI elements.  Note To obtain the CSS class of a specific UI element, right-click and inspect it using your browser’s developer tools. A CSS class is indicated by the ‘vdz-’ prefix. Scenario 1: Modifying Appearance of Sign In Title In this example, we will use the CSS selector ‘.vdz-signin-title' to modify the text on the sign in page. Here is a code snippet for modifying the title by changing its font, font size and color .vdz-signin-title {